<template>
  <div class="fd">
    <div class="footer-bg"></div>
    <div class="wp">
      <div class="foot-links">
        <a href="http://www.sklod.org/intro/intro/">关于我们</a> |
        <a href="http://www.sklod.org/team/hr/">加入我们</a> |
        <a href="http://www.sklod.org/contact/">联系我们</a> |
        <a href="http://www.sklod.org/lab_system/">实验室管理系统</a>
      </div>
      <p>石勘院地址：北京市海淀区学院路31号 联系电话：010-82312089</p>
      <p style="margin-top: 5px">Copyright &copy;2022 中国石化石油勘探开发研究院. All Rights Reserved</p>
      <p style="margin-top: 5px"> 京ICP备05037230号<a href="http://www.ruifox.com/" target="_blank"></a></p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>

.footer-bg{
  background:url(../../assets/image/subbanner-bg.png);
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  z-index:0;
}
.fd {
  padding: 20px 0;
  margin-top: 10px;
  height: 130px;
  line-height: 20px;
  position:relative;
  padding: 46px 0;
  background:url(../../assets/image/footer-bg.jpg);
  background-size:cover;
  border-top: 0px solid #ddd;
  overflow: hidden;
}
.fd .wp{
  position:relative;
  z-index:1;
  text-align:center;
  color:#ffffff;
  font-size: 14px;
}
.fd .foot-links{
  color:#ffffff;
  padding:20px 0;
  word-spacing:1em;
}
.fd  a{color:#fff;}
.fd  a:hover{text-decoration:underline;}
.wp p {color: #fff}
</style>
